/**
 * DuolamPHP 官方网站css文件
 * 
 * css 目录索引：
 *
 * 　  1. layout (整体布局)
 *     2. header (头部)
 *	   3. banner (横幅)
 *     4. main   (主体)
 *     5. links  (友情链接)
 *     6. footer (脚部)
 *     7. public (公共样式)
 * 
 * @author x.mo root@imoi.cn
 * powered by imoi.cn 
 */

/**
 *******************************
 * 1. layout
 *
 * start
 *******************************
 */
html, body, h1, h2, h3, ul, li {margin: 0; padding: 0; font-family: '微软雅黑';}

ul li{list-style: none;}

body {background: #efefef; font-size: 14px; color: #555;}

a{text-decoration: none; color: #555;}

a:hover{color: #333;}

img{border: 0;}

input{border: 1px solid #ccc; background: #fafafa; color: #555;}

/**
 *******************************
 * layout end
 *******************************
 */

 /**
 *******************************
 * 2. header
 *
 * start
 *******************************
 */

#header {height: 80px; width: 100%;}

	#top_line{height: 41px; background: url('../images/top_line.jpg'); width: 100%;}

		#nav {width: 1024px; margin: 0 auto; line-height: 39px;}
		#nav a{float: left; margin-right: 20px; padding: 0 10px 0 10px;}
		#nav a:hover{background: #efefef;}
		#logo{width: 1005px; margin: 0 auto; position: relative; margin-top:15px; font-size: 24px;}

/**
 *******************************
 * header end
 *******************************
 */


/**
 *******************************
 * 4. main
 *
 * start
 *******************************
 */

#main{margin: 0 auto; margin-top: 25px; width: 1005px; }
	#main #system{border-top:1px solid #007CC2; border-left: 1px solid #007CC2; margin-top:15px;}
		#system td{border-bottom: 1px solid #007CC2; border-right: 1px solid #007CC2; padding: 5px; background: #fff;}
		#system .center td{text-align: center; background: #007CC2; color: #fff; font-weight: bold;}
		#system .h1{font-weight: bold;}

	.ok,.no{font-size:bold; text-align:center;}
	#main .ok{color:#1b8b30;}
	#main .no{color:#ed272c;}

/**
 *******************************
 * main end
 *******************************
 */

/**
 *******************************
 * 6. footer
 *
 * start
 *******************************
 */

#footer
{
	background: #fff; height: 50px; border-top: 1px solid #ccc; 
	width: 100%; line-height: 50px; text-align: center; margin-top: 20px;
}

/**
 *******************************
 * footer end
 *******************************
 */


/**
 *******************************
 * 7.public
 *
 * start
 *******************************
 */
.clear{clear: both;}
.mouse_pointer{cursor: pointer;}

.float_left{float: left;}

.position_re{position: relative;}
.position_abs{position: absolute;}

.mar_t_8{margin-top: 8px;}
.mar_l_10{margin-left: 10px;}

.cat_title{font-size: 18px; color: #045097;}

.font12{font-size: 12px;}

.colccc{color: #aaa;}

::-webkit-scrollbar-track-piece{background-color:#efefef;-webkit-border-radius:5}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-thumb:vertical
{
	height:50px;background-color:#888;-webkit-border-radius:5px;outline:2px solid #efefef;
	outline-offset:-2px;border:2px solid #efefef
}
::-webkit-scrollbar-thumb:hover{height:50px;background-color:#555;-webkit-border-radius:4px}
::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:#333;-webkit-border-radius:6px}
/**
 *******************************
 * public end
 *******************************
 */